<template>
  <div class="Indent">
    <van-nav-bar title="我的订单" fixed left-arrow @click-left="onClickLeft" />
    <div class="incon">
      <div class="Din">
        <p>已完成</p>
        <h6>任何时候都是学习的一个起点~</h6>
        <div style="width: 100%; height: 0px; border-top: 1px black dashed" />
        <van-cell value="暑假第1周要求背完的四级常考核心词" />
        <hr />
        <h4>共1件商品，实付 ￥0</h4>
        <van-button type="default" round to="/"><b>看看其它</b></van-button>
      </div>
      <div class="Din">
        <p>已完成</p>
        <h6>任何时候都是学习的一个起点~</h6>
        <div style="width: 100%; height: 0px; border-top: 1px black dashed" />
        <van-cell value="【四级入门测试】盘点备考误区+闭坑规划" />
        <hr />
        <h4>共1件商品，实付 ￥0</h4>
        <van-button type="default" round to="/"><b>看看其它</b></van-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    //返回上一页
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="scss">
.Indent {
  height: 100vh;
  background-color: #eee;
  .incon {
    padding: 46px 10px 0 10px;
    background-color: #eee;
    .Din {
      height: 250px;
      margin: 15px 0;
      background-color: #fff;
      border-radius: 10px;
      .van-button {
        border: 1px solid #555;
        height: 32px;
        text-align: right;
        margin-left: 68%;
        margin-bottom: 6%;
      }
      h4 {
        text-align: right;
        margin-right: 20px;
        font-size: 13px;
      }
      .van-cell {
        font-size: 14px;
        background-color: #fff;
      }
      h6 {
        text-align: left;
        margin-top: 0;
        margin-left: 20px;
        color: rgb(168, 151, 151);
        margin-bottom: 20px;
      }
      p {
        text-align: left;
        margin: 0 0 2px 20px;
        padding-top: 15px;
        font-size: 20px;
      }
    }
  }
}
</style>